<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" type="image/x-icon" href="./img/favicon.ico">
    <link rel="stylesheet" href="./css/personal.css">
    <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://heerey525.github.io/layui-v2.4.3/layui-v2.4.5/css/layui.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://heerey525.github.io/layui-v2.4.3/layui-v2.4.5/layui.js"></script>
    <title>【穷游商城】私人订制</title>
</head>

<body>
    <!-- 商城共同头部 -->
    <nav class="poornav">
        <div class="header-left">
            <img src="https://fes.qyerstatic.com/FjlFyKxqo22aN-6dwg1n38LW9j3E?imageslim" class="imgs" alt="">
            <ul class="q-nav">
              <li><a href="" class="nav-span">目的地</a></li>
              <li><a href="./jinnang.html" class="nav-span">锦囊</a></li>
              <li class="list-layer list-sns"><a href="" class="nav-span">
                  <span>社区</span>
                  <i class="fa fa-angle-down"></i>
                </a>
                <!-- 社区tab切换 -->
                <div class="q-layer q-layer-nav q-layer-arrow arr">
                  <ul>
                    <li class="nav-list-layer list-discuss"><a href="//bbs.qyer.com/">
                        <span> <a href="./forum.html">旅行论坛</a> </span>
                        <div style="display:inline;"><i class="fa fa-angle-right fa-right"></i></div>
                      </a>
                      <div class="q-layer q-layer-section" style="display:none;">
                        <div class="q-layer">
                          <div class="section-title"><a href="//bbs.qyer.com" class="more"><span>全部版块</span>
                              <i class="fa fa-angle-right fa-right"></i></a><span>热门版块</span></div>
                          <dl class="section-item">
                            <dt>兴趣小组</dt>
                            <dd><a href="//bbs.qyer.com/forum-2-1.html">结伴同游</a>
                              <a href="//bbs.qyer.com/forum-3-1.html">签证</a>
                              <a href="//bbs.qyer.com/forum-22-1.html">旅行摄影</a>
                              <a href="//bbs.qyer.com/forum-88-1.html">潜水俱乐部</a>
                              <a href="//bbs.qyer.com/forum-122-1.html">带孩子旅行</a>
                              <a href="//bbs.qyer.com/forum-33-1.html">自驾</a>
                            </dd>
                          </dl>
                          <dl class="section-item">
                            <dt>穷游欧洲</dt>
                            <dd><a href="//bbs.qyer.com/forum-14-1.html">法国/摩纳哥</a><a
                                href="//bbs.qyer.com/forum-12-1.html">德国</a><a
                                href="//bbs.qyer.com/forum-16-1.html">英国/爱尔兰</a><a
                                href="//bbs.qyer.com/forum-15-1.html">瑞士/列支敦士登</a><a d
                                href="//bbs.qyer.com/forum-162-1.html">土耳其</a><a
                                href="//bbs.qyer.com/forum-25-1.html">挪威/瑞典/芬兰/丹麦/冰岛</a><a
                                href="//bbs.qyer.com/forum-13-1.html">意大利/梵蒂冈/圣马力诺/马耳他</a></dd>
                          </dl>
                          <dl class="section-item">
                            <dt>穷游亚洲</dt>
                            <dd><a href="//bbs.qyer.com/forum-52-1.html">台湾</a>
                              <a href="//bbs.qyer.com/forum-57-1.html">日本</a>
                              <a href="//bbs.qyer.com/forum-106-1.html">泰国</a>
                              <a href="//bbs.qyer.com/forum-164-1.html">新加坡</a>
                              <a href="//bbs.qyer.com/forum-165-1.html">斯里兰卡</a>
                              <a href="//bbs.qyer.com/forum-163-1.html">香港/澳门</a>
                              <a href="//bbs.qyer.com/forum-108-1.html">马来西亚/文莱</a>
                              <a href="//bbs.qyer.com/forum-175-1.html">柬埔寨</a>
                              <a href="//bbs.qyer.com/forum-104-1.html">马尔代夫</a>
                              <a href="//bbs.qyer.com/forum-177-1.html">缅甸</a>
                              <a href="//bbs.qyer.com/forum-59-1.html">伊朗</a>
                              <a href="//bbs.qyer.com/forum-103-1.html">印度/孟加拉</a>
                            </dd>
                          </dl>
                          <dl class="section-item">
                            <dt>穷游美洲</dt>
                            <dd><a href="//bbs.qyer.com/forum-54-1.html">加拿大</a>
                              <a href="//bbs.qyer.com/forum-53-1.html">美国</a>
                              <a href="//bbs.qyer.com/forum-168-1.html">中美</a>
                              <a href="//bbs.qyer.com/forum-55-1.html">南美/南极</a>
                            </dd>
                          </dl>
                          <dl class="section-item">
                            <dt>穷游大洋洲</dt>
                            <dd><a href="//bbs.qyer.com/forum-56-1.html">澳大利亚</a>
                              <a href="//bbs.qyer.com/forum-83-1.html">新西兰</a>
                              <a href="//bbs.qyer.com/forum-178-1.html">太平洋海岛</a>
                            </dd>
                          </dl>
                          <dl class="section-item">
                            <dt>穷游非洲</dt>
                            <dd><a href="//bbs.qyer.com/forum-173-1.html">东非地区</a>
                              <a href="//bbs.qyer.com/forum-174-1.html">非洲海岛</a>
                              <a href="//bbs.qyer.com/forum-86-1.html">北非地区</a>
                              <a href="//bbs.qyer.com/forum-60-1.html">非洲其他国家</a>
                            </dd>
                          </dl>
                          <div></div>
    
                        </div>
                      </div>
                    </li>
                    <li class="nav-list-layer"><a href="./questions.html"><span>旅行问答</span>
                      </a> </li>
                    <li class="nav-list-layer"><a href="./column.html"><span>旅行专栏</span>
    
                      </a>
    
                    </li>
                    <li class="nav-list-layer"><a href="./poor-experience.html"><span>旅行生活分享平台</span>
                        <!---->
                      </a>
                      <!---->
                    </li>
                    <li class="nav-list-layer"><a
                        href="https://qlab.taobao.com/index.htm?spm=2013.1.w5002-20955034123.2.67456028h2dyyo"><span>JNE旅行生活美学</span>
                        <!---->
                      </a>
                      <!---->
                    </li>
                    <li class="nav-list-layer"><a href="//bbs.qyer.com/forum-2-1.html"><span>Biu伴（原结伴同游）</span>
                        <!---->
                      </a>
                      <!---->
                    </li>
                    <li class="nav-list-layer"><a href="./responsibleTravel.html"><span>负责任的旅行</span>
                        <!---->
                      </a>
                      <!---->
                    </li>
                    <li class="nav-list-layer"><a href="./plan.html"><span>特别策划</span>
                        <!---->
                      </a>
                      <!---->
                    </li>
                    <li class="nav-list-layer"><a href="./shiping.html"><span>旅行精选视频</span></a>
                      <!---->
                    </li>
                  </ul>
                </div>
              </li>
              <li><a href="./xingcheng.html" class="nav-span">行程助手</a></li>
              <li class="list-layer list-shop"><a href="" class="nav-span">
                  <span>商城</span>
                  <i class="fa fa-angle-down"></i>
                  <span class="line-flag">
                    <img src="./img/redflag.gif" alt="" class="flag-icon">
                    <i class="flag"></i>
                  </span>
                </a>
                <!-- 商城tab切换 -->
                <div class="q-layer q-layer-nav q-layer-arrow arr1">
                  <ul>
                    <li class="nav-list-layer"><a href="./free.html"><span>机酒自由行</span></a></li>
                    <li class="nav-list-layer"><a><span>当地玩乐</span></a></li>
                    <li class="nav-list-layer"><a><span>签证</span></a></li>
                    <li class="nav-list-layer"><a href="./insurance.html"><span>保险</span></a></li>
                    <li class="nav-list-layer"><a><span>租车自驾</span></a></li>
                    <li class="nav-list-layer"><a href="./ship.html"><span>邮轮</span></a></li>
                    <li class="nav-list-layer"><a><span>私人定制</span></a></li>
                    <li class="nav-list-layer"><a><span>欧洲铁路</span></a></li>
                  </ul>
                </div>
              </li>
              <li class="list-layer list-hotel"><a href="./hotel.html" class="nav-span">
                  <span style="margin-left: 40px;">酒店·民宿</span>
                  <i class="fa fa-angle-down"></i>
                </a>
                <div class="q-layer q-layer-nav q-layer-arrow arr2" style="margin-left: 40px;">
                  <ul>
                    <li class="nav-list-layer"><a><span>酒店</span></a></li>
                  </ul>
                </div>
              </li>
              <li><a href="./saleHotel.html" class="nav-span">
                  <span>特价酒店</span>
                  <span class="line-flag">
                    <img src="./img/redflag2.png" alt="" class="flag-icon">
                    <i class="flag"></i>
                  </span>
                </a></li>
            </ul>
        </div>
        <div class="header-right">
            <div class="nav-search">
              <div class="nav-ipt">
                <input type="text" class="txt-search">
                <button class="btn-search">
                  <i class="fa fa-search"></i>
                </button>
              </div>
            </div>
            <span class="nav-cut">|</span>
            <div class="nav-user">
              <div class="login-wrap">
                <a href="https://passport.qyer.com/oauth?using=taobao&amp;ref=https%3A%2F%2Fwww.qyer.com%2F"
                  class="important">
                  <img src="./img/taobao1.png" alt=""></a>
                <a href="https://passport.qyer.com/oauth?using=qq&amp;ref=https%3A%2F%2Fwww.qyer.com%2F">
                  <i class="fa fa-qq"></i></a>
                <a href="https://passport.qyer.com/oauth?using=weixin&amp;ref=https%3A%2F%2Fwww.qyer.com%2F">
                  <i class="fa fa-wechat"></i></a>
                <a href="https://passport.qyer.com/oauth?using=weibo&amp;ref=https%3A%2F%2Fwww.qyer.com%2F">
                  <i class="fa fa-weibo"></i></a>
                <a href="https://passport.qyer.com/register/mobile?ref=https%3A%2F%2Fwww.qyer.com%2F"
                  class="login-link">注册</a><a href="https://passport.qyer.com/login?ref=https%3A%2F%2Fwww.qyer.com%2F"
                  class="login-link">登录</a>
              </div>
            </div>
          </div>
        </div>
    </nav>
    <section class="common-nav">
        <ul class="layui-nav layui-bg">
            <li class="layui-nav-item"><a href="">首页</a></li>
            <li class="layui-nav-item">
                <a href="javascript:;">机酒自由行</a>
                <dl class="layui-nav-child">
                    <dd><a href="#">全部</a></dd>
                    <dd><a href="#">自由行</a></dd>
                    <dd><a href="#">优惠机票</a></dd>
                    <dd><a href="#">酒店</a></dd>
                    <dd><a href="#">邮轮</a></dd>
                    <dd><a href="#">定制游</a></dd>
                    <dd><a href="#">马尔代夫</a></dd>
                    <dd><a href="#">海岛游</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="">优惠机票</a></li>
            <li class="layui-nav-item">
                <a href="javascript:;">跟团游</a>
                <dl class="layui-nav-child">
                    <dd><a href="#">全部</a></dd>
                    <dd><a href="#">跟团游</a></dd>
                    <dd><a href="#">半自助游</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="">酒店</a></li>
            <li class="layui-nav-item">
                <a href="javascript:;">当地玩乐</a>
                <dl class="layui-nav-child">
                    <dd><a href="#">全部</a></dd>
                    <dd><a href="#">日游小团</a></dd>
                    <dd><a href="#">深度体验</a></dd>
                    <dd><a href="#">门票票券</a></dd>
                    <dd><a href="#">餐饮美食</a></dd>
                    <dd><a href="#">WiFi电话卡</a></dd>
                    <dd><a href="#">购物</a></dd>
                    <dd><a href="#">交通票券</a></dd>
                    <dd><a href="#">接送机包车</a></dd>
                    <dd><a href="#">保险</a></dd>
                    <dd><a href="#">欧洲铁路</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="./visa.html">签证</a></li>
            <li class="layui-nav-item"><a href="ship.html">邮轮</a></li>
            <li class="layui-nav-item"><a href="#">保险</a></li>
            <li class="layui-nav-item"><a href="#">租车自驾</a></li>
            <li class="layui-nav-item">
                <a href="javascript:;">深度旅行</a>
                <dl class="layui-nav-child">
                    <dd><a href="#">全部</a></dd>
                    <dd><a href="#">CityWalk</a></dd>
                    <dd><a href="#">特色长线</a></dd>
                    <dd><a href="#">Q-Home</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item layui-this"><a href="./personal.html">私人订制</a></li>
        </ul>
    </section>
    <!-- 穷游商城 -->
    <div class="poor-travel-mall">
        <div class="poor-travel-mall-all">
            <div class="poor-travel-mall-left">
                穷游商城
                <div class="sou">
                    <form>
                        <input type="text" name="wd" id="wd" value=""
                            placeholder="&nbsp;&nbsp;&nbsp;&nbsp;请输入目的地/产品名称" />

                        <input type="submit" name="" id="" value="piupiu" />
                    </form>
                </div>
            </div>
            <div class="poor-travel-mall-right">
                <a href="#"><i class="fa fa-file-text-o" aria-hidden="true" style="font-size: 18px;"></i> 我的订单</a>
                <a href="#"><i class="fa fa-heart-o" aria-hidden="true" style="font-size: 18px;"></i> 我的收藏</a>
            </div>
        </div>
    </div>
    <!-- 商城共同头部结束 -->
    <div class="topImg"></div>
    <div class="wrap">
        <div class="procedure"></div>
        <!-- 基本信息 -->
        <div class="basicInfo formPanel">
            <h2 class="bigTitle">* 基础信息</h2>
            <ul>
                <li>
                    <label class="title">出发地</label>
                    <div class="input-wrap">
                        <input type="text" placeholder="请输入您的出发地">
                    </div>
                </li>
                <li>
                    <label class="title">目的地</label>
                    <div class="input-wrap">
                        <input type="text" placeholder="请输入您的目的地">
                        <p class="tips">若多个目的地，请用“，”隔开</p>
                    </div>
                </li>
                <li>
                    <label class="title">出发日期</label>
                    <div class="input-wrap">
                        <input type="text" placeholder="请输入出发日期">
                    </div>
                </li>
                <li class="input-checkbox">
                    <label class="title">游玩天数</label>
                    <div class="input-wrap">
                        <input type="text" placeholder="请输入您的游玩天数">
                    </div>
                    <label for="" class="checkbox">
                        <input type="checkbox">
                        接受微调
                    </label>
                </li>
                <li class="input-people">
                    <label class="title">出行人数</label>
                    <div class="input-wrap people">
                        <p class="num">
                            <input type="text">
                            <span class="word">大人</span>
                        </p>
                        <p class="num">
                            <input type="text">
                            <span class="word">儿童</span>
                        </p>
                        <p class="num">
                            <input type="text">
                            <span class="word">婴儿</span>
                        </p>
                        <p class="tips">儿童标准：年龄2～12周岁（不含）</p>
                    </div>
                    <label for="" class="checkbox">
                        <input type="checkbox">
                        有老人同行
                    </label>
                </li>
                <li>
                    <label class="title">人均预算</label>
                    <div class="input-wrap">
                        <p>
                            <input type="text">
                            <span class="word">元</span>
                        </p>

                    </div>
                </li>
            </ul>
        </div>
        <!-- 定制信息 -->
        <div class="customInfo">
            <h2 class="bigTitle">定制信息</h2>
            <ul class="customInfo-list">
                <li class="customInfo-item">
                    <h3 class="title">航班类型</h3>
                    <ul class="list">
                        <li class="active">无需安排</li>
                        <li>直飞</li>
                        <li>中转</li>
                        <li>不限</li>
                    </ul>
                </li>
                <li class="customInfo-item">
                    <h3 class="title">酒店类型</h3>
                    <ul class="list">
                        <li class="active">无需安排</li>
                        <li>三星</li>
                        <li>四星</li>
                        <li>五星</li>
                        <li>不限</li>
                    </ul>
                </li>
                <li class="customInfo-item">
                    <h3 class="title">用车安排</h3>
                    <ul class="list">
                        <li class="active">无需安排</li>
                        <li>全程用车</li>
                        <li>只含接送机</li>
                    </ul>
                </li>
                <li class="customInfo-item">
                    <h3 class="title">行程安排</h3>
                    <ul class="list">
                        <li class="active">无需安排</li>
                        <li>紧凑</li>
                        <li>适中</li>
                        <li>宽松</li>
                    </ul>
                </li>
                <li class="customInfo-item">
                    <h3 class="title">签证</h3>
                    <ul class="list">
                        <li class="active">自行办理</li>
                        <li>委托办理</li>
                    </ul>
                </li>
                <li class="customInfo-item">
                    <h3 class="title">保险</h3>
                    <ul class="list">
                        <li class="active">无需办理</li>
                        <li>委托办理</li>
                    </ul>
                </li>
                <li class="customInfo-item">
                    <h3 class="title">我的要求</h3>
                    <textarea class="remark" placeholder="请输入个性化要求"></textarea>
                </li>
            </ul>
        </div>
        <!-- 联系人信息 -->
        <div class="contactInfo formPanel">
            <h2 class="bigTitle">联系人信息</h2>
            <ul>
                <li>
                    <label class="title">* 姓名</label>
                    <div class="input-wrap">
                        <input type="text" placeholder="请输入姓名">
                    </div>
                </li>
                <li>
                    <label class="title">* 手机</label>
                    <div class="input-areacode">
                        <p class="text">86</p>
                        <select class="area">
                            <option value="00355">阿尔巴尼亚（00355）</option>
                            <option value="00213">阿尔及利亚（00213）</option>
                            <option value="0093">阿富汗（0093）</option>
                        </select>
                    </div>
                    <div class="input-wrap">
                        <input type="number" placeholder="请输入手机号" name="phone">
                    </div>
                </li>
                <li>
                    <label class="title">* 图片识别码</label>
                    <div class="input-wrap captcha">
                        <input type="text" name="imgcode">
                        <p>
                            <img src="https://z.qyer.com/ajax.php?action=captcha&s=1618990336466.5688" alt=""
                                title="刷新图片验证码">
                        </p>
                    </div>
                </li>
                <li>
                    <label class="title">* 短信验证码</label>
                    <div class="input-wrap  captcha">
                        <input type="text">
                        <span>获取</span>
                    </div>
                </li>
                <li>
                    <label class="title">电子邮箱</label>
                    <div class="input-wrap">
                        <input type="text" placeholder="请输入电子邮箱">
                    </div>
                </li>
                <li>
                    <label class="title">微信号</label>
                    <div class="input-wrap">
                        <input type="text" placeholder="请输入微信号">
                    </div>
                </li>
                <li class="checkbox-item">
                    <input type="checkbox">
                    <label for="" class="lastcheckbox">* 同意穷游客服尽快与您电话联系沟通定制行程</label>
                </li>
            </ul>
        </div>
    </div>
    <div class="fromButton">
        <p>提交</p>
    </div>
    <!-- 商城共同底部 -->
    <div class="free">
        <ul>
            <li> <a href="javascript:;">机酒自由行</a> </li>
            <span> | </span>
            <li> <a href="javascript:;">当地玩乐</a> </li>
            <span> | </span>
            <li> <a href="javascript:;">优惠机票</a> </li>
            <span> | </span>
            <li> <a href="javascript:;">签证</a> </li>
            <span> | </span>
            <li> <a href="javascript:;">马尔代夫</a> </li>
            <span> | </span>
            <li> <a href="javascript:;">邮轮</a> </li>
            <span> | </span>
            <li> <a href="javascript:;">租车自驾</a> </li>
            <span> | </span>
            <li> <a href="javascript:;">新鲜甩尾</a> </li>
            <span> | </span>
            <li> <a href="javascript:;">深度旅行</a> </li>
        </ul>
    </div>
    <div class="intimate">
        <ul>
            <li>
                <img src="./img/fuwu.png" alt="">
                <div>
                    <p>贴心服务</p>
                    <p>我们收集穷游er的真实诉求,找寻特色旅行目的地,让穷游er放心出行</p>
                </div>
            </li>
            <li>
                <img src="./img/dun.png" alt="">
                <div>
                    <p>层层筛选</p>
                    <p>我们收集穷游er的真实诉求,找寻特色旅行目的地,让穷游er放心出行</p>
                </div>
            </li>
            <li>
                <img src="./img/hand.png" alt="">
                <div>
                    <p>安心陪护</p>
                    <p>我们收集穷游er的真实诉求,找寻特色旅行目的地,让穷游er放心出行</p>
                </div>
            </li>
        </ul>
    </div>
    </div>
    <footer>
        <div class="bottoms">
            <div class="poor">
                <div>
                    <p>穷游商城</p>
                    <p>从一张机票、一家酒店的订购,到一次暖心的接机服务、一张轻松融入当地的交通卡,让我们带你探索这个世界</p>
                </div>
                <div>
                    关注我们
                    <img src="./img/weixin (1).png" alt="">
                    <img src="./img/weibo.png" alt="">
                    <img src="./img/youxiang.png" alt="">
                </div>
            </div>
            <div class="aboutpoor">
                <div class="poor-left">
                    <div>
                        <ul>
                            <li>
                                <a href="javascript:;">关于穷游商城</a>
                            </li>
                            <span> | </span>
                            <li>
                                <a href="javascript:;">商家入驻穷游商城</a>
                            </li>
                            <span> | </span>
                            <li>
                                <a href="javascript:;">服务与隐私</a>
                            </li>
                            <span> | </span>
                            <li>
                                <a href="javascript:;">联系我们</a>
                            </li>
                            <span> | </span>
                            <li>
                                <a href="javascript:;">旅游度假咨询</a>
                            </li>
                            <span> | </span>
                            <li>
                                <a href="javascript:;">营业执照</a>
                            </li>
                            <span> | </span>
                            <li>
                                <a href="javascript:;">投诉建议</a>
                            </li>
                        </ul>
                    </div>
                    <p>2004-2019 ? 穷游网? qyer.com All rights reserved. Version v5.57 京ICP备12003524号 京公网安备11010502023470
                        京ICP证140673号</p>
                    <p class="friend">友情链接 : <a href="https://www.bilibili.com">你懂得~</a> </p>
                </div>
                <div class="poor-right">
                    <p></p>
                    <img src="" alt="">
                </div>
            </div>
        </div>
    </footer>
</body>
<script>
    // 旅行论坛tab切换
    $(".list-discuss").mouseover(function () {
      $(".q-layer-section").css("display", "block")
    })
    $(".list-discuss").mouseout(function () {
      $(".q-layer-section").css("display", "none")
    })
    //社区tab切换
    $(".list-sns").mouseover(function () {
      $(".arr").css("display", "block")
    })
    $(".list-sns").mouseout(function () {
      $(".arr").css("display", "none")
    })
    //商城tab切换
    $(".list-shop").mouseover(function () {
      $(".arr1").css("display", "block")
    })
    $(".list-shop").mouseout(function () {
      $(".arr1").css("display", "none")
    })
    //酒店tab
    $(".list-hotel").mouseover(function () {
      $(".arr2").css("display", "block")
    })
    $(".list-hotel").mouseout(function () {
      $(".arr2").css("display", "none")
    })
    $(function () {
        $('.list li').click(function () {
            $(this).addClass('active').siblings().removeClass('active')
        })
    });
    $(function () {
        $('.area').click(function () {
            var val = $(this).val();
            $(".text").text(val)
        })
    });
</script>

</html>